<template>
	<div class="col-sm-12 col-xs-12">
		<router-link v-for="item in dataJson" :key="item.id" class="col-sm-3  col-xs-6 ib-list" :to="item.url">
			<img :src="item.imgUrl" class="col-sm-12 col-xs-12" style="padding: 10px; height: 210px; width: 100%;" /> 
			<h5 style="line-height: 25px;">{{item.name}}</h5>
		</router-link>
	</div>
</template>

<script>
	export default{
		props : {
			dataJson : {
				type : Array,
				required : true
			},
		},
		mounted ($route) {
	 		this.$nextTick(()=>{
	 		})
	 	},
	}
</script>

<style>
	.ib-list{
		height: 240px;
   	 	overflow: hidden;
		text-align: center
	}
</style>